@nocobase/plugin-field-markdown-vditor 2.1.0-beta.8 → 2.2.0-alpha.1

package/build.config.ts

@@ -3,13 +3,18 @@ import fs from 'fs/promises';
 import path from 'path';
 
 const vditor = path.dirname(require.resolve('vditor'));
+const vditorTargets = ['dist/client/vditor/dist', 'dist/client-v2/vditor/dist'];
 
 export default defineConfig({
   afterBuild: async (log) => {
-    log('coping vditor dist');
-    await fs.cp(vditor, path.resolve(__dirname, 'dist/client/vditor/dist'), {
-      recursive: true,
-      force: true,
-    });
+    log('copying vditor dist');
+    await Promise.all(
+      vditorTargets.map((target) =>
+        fs.cp(vditor, path.resolve(__dirname, target), {
+          recursive: true,
+          force: true,
+        }),
+      ),
+    );
   },
 });

package/client-v2.d.ts

@@ -0,0 +1,2 @@
+export * from './dist/client-v2';
+export { default } from './dist/client-v2';

package/client-v2.js

@@ -0,0 +1 @@
+module.exports = require('./dist/client-v2/index.js');

package/dist/client/715.c6a79599fe53cbbf.js

@@ -0,0 +1,10 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+"use strict";(self.webpackChunk_nocobase_plugin_field_markdown_vditor=self.webpackChunk_nocobase_plugin_field_markdown_vditor||[]).push([["715"],{590:function(e,t,r){r.r(t),r.d(t,{default:function(){return O},MarkdownVditor:function(){return _}});var n=r(230),o=r(342),i=r(59),l=r(155),a=r.n(l),u=r(597),c=r.n(u),d=r(502),s=function(){var e=(0,o.usePlugin)(d.PluginFieldMarkdownVditorClient);return e.dependencyLoaded||(e.initVditorDependency(),e.dependencyLoaded=!0),e.getCDN()},f=(0,o.genStyleHook)("nb-field-markdown-vditor",function(e){var t,r,n;return t={},r=e.componentCls,n={position:"relative",overflow:"visible","&:hover, &:focus-within":{zIndex:1e3},".vditor-reset":{fontSize:"".concat(e.fontSize,"px !important"),color:"unset",padding:"10px !important"},".vditor":{borderRadius:8,overflow:"visible"},".vditor .vditor-content":{borderRadius:"0 0 8px 8px",overflow:"hidden"},".vditor .vditor-toolbar":{position:"relative",overflow:"visible",paddingLeft:" 16px !important",borderRadius:"8px 8px 0 0"},".vditor .vditor-tooltipped:hover, .vditor .vditor-tooltipped:focus, .vditor .vditor-tooltipped:active":{zIndex:1e3},".vditor .vditor-toolbar .vditor-tooltipped__n::after, .vditor .vditor-toolbar .vditor-tooltipped__ne::after, .vditor .vditor-toolbar .vditor-tooltipped__nw::after":{top:"100%",bottom:"auto",marginTop:5,marginBottom:0},".vditor .vditor-toolbar .vditor-tooltipped__n::before, .vditor .vditor-toolbar .vditor-tooltipped__ne::before, .vditor .vditor-toolbar .vditor-tooltipped__nw::before":{top:"auto",bottom:-5,borderTopColor:"transparent",borderBottomColor:"#3b3e43"},".vditor .vditor-content .vditor-ir .vditor-reset":{paddingLeft:" 16px !important"},".vditor-ir pre.vditor-reset":{backgroundColor:"".concat(e.colorBgContainer,"!important")}},r in t?Object.defineProperty(t,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[r]=n,t});function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function p(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r,n,o=null==e?null:"u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var i=[],l=!0,a=!1;try{for(o=o.call(e);!(l=(r=o.next()).done)&&(i.push(r.value),!t||i.length!==t);l=!0);}catch(e){a=!0,n=e}finally{try{l||null==o.return||o.return()}finally{if(a)throw n}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return v(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if("Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return v(e,t)}}(e,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var m=function(e){if(e){var t=document.createRange();return t.selectNodeContents(e),t.getBoundingClientRect().width}};function b(e){var t,r=(0,l.useRef)(null),n=f(),o=n.wrapSSR,i=n.componentCls,u=n.hashId,d=s();return(0,l.useEffect)(function(){var t;c().preview(r.current,null!=(t=e.value)?t:"",{mode:"light",cdn:d}),setTimeout(function(){var e;null==(e=r.current)||e.querySelectorAll("img").forEach(function(e){e.style.cursor="zoom-in",e.addEventListener("click",function(){var t=e.src;if(!document.getElementById("custom-image-preview")){var r=document.createElement("span");r.id="custom-image-preview",Object.assign(r.style,{position:"fixed",inset:"0",backgroundColor:"rgba(0,0,0,0.85)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:"9999",cursor:"zoom-out"});var n=document.createElement("img");n.src=t,Object.assign(n.style,{maxWidth:"90%",maxHeight:"90%",borderRadius:"8px",boxShadow:"0 0 20px rgba(0,0,0,0.5)",transition:"transform 0.2s",cursor:"zoom-out"}),r.addEventListener("click",function(){document.body.removeChild(r)}),r.appendChild(n),document.body.appendChild(r)}})})},0)},[e.value]),o(a().createElement("span",{className:"".concat(u," ").concat(i)},a().createElement("span",{ref:r,style:function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){var n;n=r[t],t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n})}return e}({border:"none"},null!=(t=null==e?void 0:e.style)?t:{})})))}var y=(0,o.withDynamicSchemaProps)(function(e){var t,r=(0,n.useField)(),o=null!=(t=e.value)?t:null==r?void 0:r.value,u=s(),d=(0,l.useRef)(),f=p((0,l.useState)(!1),2),v=f[0],y=f[1],h=p((0,l.useState)(!1),2),g=h[0],w=h[1],S=p((0,l.useState)(""),2),x=S[0],C=S[1],E=(0,l.useRef)();(0,l.useEffect)(function(){if(e.value&&(!r||(null==r?void 0:r.value)))if(e.ellipsis)c().md2html(e.value,{mode:"light",cdn:u}).then(function(e){var t,r;C(((t=document.createElement("div")).innerHTML=e,r=t.innerText,t=null,(null==r?void 0:r.replace(/[\n\r]/g,""))||""))}).catch(function(){return C("")});else{var t;c().preview(d.current,null!=(t=e.value)?t:null==r?void 0:r.value,{mode:"light",cdn:u})}},[e.value,e.ellipsis,null==r?void 0:r.value]);var _=(0,l.useCallback)(function(){var e;return!!E.current&&m(E.current)>(null==(e=E.current)?void 0:e.offsetWidth)},[E]);return e.ellipsis?a().createElement(i.Popover,{open:v,onOpenChange:function(e){y(g&&e)},content:a().createElement(b,{value:o,style:{maxWidth:500,maxHeight:400,overflowY:"auto"}})},a().createElement("div",{ref:E,style:{overflow:"hidden",overflowWrap:"break-word",textOverflow:"ellipsis",whiteSpace:"nowrap",wordBreak:"break-all"},onMouseEnter:function(e){var t=e.target;_()&&w(t.scrollWidth>=t.clientWidth)}},x)):a().createElement(b,{value:o})}),h=r(953),g=r(280),w=r(872);function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function x(e,t,r,n,o,i,l){try{var a=e[i](l),u=a.value}catch(e){r(e);return}a.done?t(u):Promise.resolve(u).then(n,o)}var C=["en_US","fr_FR","pt_BR","ja_JP","ko_KR","ru_RU","sv_SE","zh_CN","zh_TW"],E=(0,o.withDynamicSchemaProps)(function(e){var t,r=e.disabled,n=e.onChange,i=e.value,u=e.fileCollection,d=e.toolbar,v=e.editMode,p=void 0===v?"ir":v,m=function(e){if(Array.isArray(e))return e}(t=(0,l.useState)(!1))||function(e){var t,r,n=null==e?null:"u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(t=n.next()).done)&&(o.push(t.value),2!==o.length);i=!0);}catch(e){l=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw r}}return o}}(t)||function(e){if(e){if("string"==typeof e)return S(e,2);var t=Object.prototype.toString.call(e).slice(8,-1);if("Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return S(e,2)}}(t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),b=m[0],y=m[1],E=(0,l.useRef)(),_=(0,l.useRef)(!1),O=(0,l.useRef)(null),R=(0,l.useRef)(null),k=(0,o.useAPIClient)(),I=s(),j=f(),A=j.wrapSSR,P=j.hashId,T=j.componentCls,L=k.auth.locale||"en-US",z=(0,o.usePlugin)("@nocobase/plugin-file-manager"),M=(0,o.useCompile)(),N=(0,l.useRef)(M);N.current=M;var F=(0,h.useTranslation)().t,V=(0,o.useZIndexContext)(),W=(0,o.getZIndex)("drawer",V+1e3,0),q=(0,l.useMemo)(function(){var e=L.replace(/-/g,"_");return C.includes(e)?e:"en_US"},[L]);return(0,l.useEffect)(function(){if(O.current){var e=null!=d?d:g.r,t=new(c())(O.current,{value:null!=i?i:"",lang:q,cache:{enable:!1},undoDelay:0,preview:{math:{engine:"KaTeX"}},toolbar:e,fullscreen:{index:1200},cdn:I,minHeight:200,mode:p,after:function(){E.current=t,y(!0);var e=window.scrollX||window.pageXOffset,n=window.scrollY||window.pageYOffset;t.setValue(null!=i?i:""),requestAnimationFrame(function(){window.scrollTo(e,n)}),r?t.disabled():t.enable()},input:function(e){n(e)},upload:{multiple:!1,fieldName:"file",handler:function(e){var r;return(r=function(){var r,n,o,i,l,a,c,d,s,f,v,p,m,b,y;return function(e,t){var r,n,o,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]},l=Object.create(("function"==typeof Iterator?Iterator:Object).prototype),a=Object.defineProperty;return a(l,"next",{value:u(0)}),a(l,"throw",{value:u(1)}),a(l,"return",{value:u(2)}),"function"==typeof Symbol&&a(l,Symbol.iterator,{value:function(){return this}}),l;function u(a){return function(u){var c=[a,u];if(r)throw TypeError("Generator is already executing.");for(;l&&(l=0,c[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&c[0]?n.return:c[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,c[1])).done)return o;switch(n=0,o&&(c=[2&c[0],o.value]),c[0]){case 0:case 1:o=c;break;case 4:return i.label++,{value:c[1],done:!1};case 5:i.label++,n=c[1],c=[0];continue;case 7:c=i.ops.pop(),i.trys.pop();continue;default:if(!(o=(o=i.trys).length>0&&o[o.length-1])&&(6===c[0]||2===c[0])){i=0;continue}if(3===c[0]&&(!o||c[1]>o[0]&&c[1]<o[3])){i.label=c[1];break}if(6===c[0]&&i.label<o[1]){i.label=o[1],o=c;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(c);break}o[2]&&i.ops.pop(),i.trys.pop();continue}c=t.call(e,i)}catch(e){c=[6,e],n=0}finally{r=o=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}}}(this,function(h){switch(h.label){case 0:return d=e[0],t.focus(),[4,k.resource("vditor").check({fileCollectionName:u})];case 1:if(!(null==(s=h.sent().data)||null==(r=s.data)?void 0:r.isSupportToUploadFiles))return t.tip(F("vditor.uploadError.message",{ns:w.C,storageTitle:null==(f=s.data.storage)?void 0:f.title}),0),[2];return t.tip(F("uploading"),0),[4,z.uploadFile({file:d,fileCollectionName:u,storageId:null==s||null==(o=s.data)||null==(n=o.storage)?void 0:n.id,storageType:null==s||null==(l=s.data)||null==(i=l.storage)?void 0:i.type,storageRules:null==s||null==(c=s.data)||null==(a=c.storage)?void 0:a.rules})];case 2:if(p=(v=h.sent()).data,m=v.errorMessage)return t.tip(N.current(m),3e3),[2];if(!p)return t.tip(F("Response data is empty",{ns:w.C}),3e3),[2];return b=p.filename,y=p.url,d.type.startsWith("image/")?t.insertValue("![".concat(b,"](").concat(y,")")):t.insertValue("[".concat(b,"](").concat(y,")")),t.tip(F(""),10),[2,null]}})},function(){var e=this,t=arguments;return new Promise(function(n,o){var i=r.apply(e,t);function l(e){x(i,n,o,l,a,"next",e)}function a(e){x(i,n,o,l,a,"throw",e)}l(void 0)})})()}}}),o=O.current;if(o){var l=new MutationObserver(function(){var e=o.classList.contains("vditor--fullscreen"),t=o.querySelectorAll(".vditor-reset"),r=o.querySelectorAll(".vditor-toolbar");t.forEach(function(t){t.style.padding=e?"10px 200px":""}),r.forEach(function(t){t.style.paddingLeft=e?"200px":""})});return l.observe(o,{attributes:!0,attributeFilter:["class"]}),function(){var e;null==(e=E.current)||e.destroy(),E.current=void 0,l.disconnect()}}}},[null==d?void 0:d.join(","),p]),(0,l.useEffect)(function(){if(b&&E.current){var e=E.current;if(i!==e.getValue()){var t,r,n,o,l=window.scrollX||window.pageXOffset,a=window.scrollY||window.pageYOffset;e.setValue(null!=i?i:"");var u=null==(t=O.current)?void 0:t.querySelector("div.vditor-content > div.vditor-ir > pre"),c=null==(r=O.current)?void 0:r.querySelector(".vditor-content"),d=u&&(document.activeElement===u||u.contains(document.activeElement)||(null==(o=document.activeElement)||null==(n=o.closest)?void 0:n.call(o,".vditor-content"))===c);if(u&&d){var s=document.createRange(),f=window.getSelection();f&&(s.selectNodeContents(u),s.collapse(!1),f.removeAllRanges(),f.addRange(s))}d||requestAnimationFrame(function(){window.scrollTo(l,a)})}}},[i,b]),(0,l.useEffect)(function(){b&&E.current&&(r?E.current.disabled():E.current.enable())},[r,b]),(0,l.useEffect)(function(){if(R.current){var e=new MutationObserver(function(e){var t=!0,r=!1,n=void 0;try{for(var o,i=e[Symbol.iterator]();!(t=(o=i.next()).done);t=!0){var l=o.value,a=!0,u=!1,c=void 0;try{for(var d,s=Array.from(l.addedNodes)[Symbol.iterator]();!(a=(d=s.next()).done);a=!0){var f,v=d.value;f=HTMLElement,(null!=f&&"u">typeof Symbol&&f[Symbol.hasInstance]?!!f[Symbol.hasInstance](v):v instanceof f)&&v.classList.contains("vditor-img")&&(R.current.appendChild(v),v.style.zIndex=String(W))}}catch(e){u=!0,c=e}finally{try{a||null==s.return||s.return()}finally{if(u)throw c}}}}catch(e){r=!0,n=e}finally{try{t||null==i.return||i.return()}finally{if(r)throw n}}});return e.observe(document.body,{childList:!0}),function(){e.disconnect()}}},[W]),(0,l.useLayoutEffect)(function(){if(O.current){var e=new ResizeObserver(function(e){var t=!0,r=!1,n=void 0;try{for(var o,i=e[Symbol.iterator]();!(t=(o=i.next()).done);t=!0){var l,a=o.value.target;a.className.includes("vditor--fullscreen")?(document.body.appendChild(a),_.current=!0):_.current&&(null==(l=R.current)||l.appendChild(a),_.current=!1)}}catch(e){r=!0,n=e}finally{try{t||null==i.return||i.return()}finally{if(r)throw n}}});return e.observe(O.current),function(){e.unobserve(O.current)}}},[]),A(a().createElement("div",{ref:R,className:"".concat(P," ").concat(T)},a().createElement("div",{ref:O})))}),_=(0,o.withDynamicSchemaProps)((0,n.connect)(E,(0,n.mapReadPretty)(y))),O=_}}]);